<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{crearDisenoReporte.page1}" id="page1">
            <ui:html binding="#{crearDisenoReporte.html1}" id="html1">
                <ui:head binding="#{crearDisenoReporte.head1}" id="head1">
                    <ui:link binding="#{crearDisenoReporte.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{crearDisenoReporte.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{crearDisenoReporte.form1}" id="form1">
                        <ui:staticText binding="#{crearDisenoReporte.titulo}" id="titulo"
                            style="color: rgb(108, 154, 154); font-family: 'Times New Roman','Times',serif; font-size: 18px; left: 96px; top: 120px; position: absolute" text="Crear diseño de reporte"/>
                        <ui:hiddenField binding="#{crearDisenoReporte.primeraCargadaHiddenField}" id="primeraCargadaHiddenField"/>
                        <ui:dropDown binding="#{crearDisenoReporte.productoDropDown}" id="productoDropDown"
                            items="#{crearDisenoReporte.sct0004DataProviderParaCrearDisenoReporte.options['CDGOPRDCTO,DSCRPCION']}"
                            onChange="common_timeoutSubmitForm(this.form, 'productoDropDown');"
                            style="font-size: 10px; left: 192px; top: 168px; position: absolute" valueChangeListener="#{crearDisenoReporte.productoDropDown_processValueChange}"/>
                        <ui:dropDown binding="#{crearDisenoReporte.sublineaDropDown}" id="sublineaDropDown"
                            items="#{crearDisenoReporte.sct0019DataProviderParaCrearDisenoReporte.options['CDGOSBLNEA,DSCRPCIONSBLNEA']}"
                            onChange="common_timeoutSubmitForm(this.form, 'sublineaDropDown');"
                            style="font-size: 10px; left: 192px; top: 192px; position: absolute" valueChangeListener="#{crearDisenoReporte.sublineaDropDown_processValueChange}"/>
                        <ui:dropDown binding="#{crearDisenoReporte.tipoSolicitudDropDown}" id="tipoSolicitudDropDown"
                            items="#{crearDisenoReporte.sct0021DataProviderParaCrearDisenoReporte.options['CDGOTPOSLCTUD,DSCRPCIONTPOSLCTUD']}"
                            onChange="common_timeoutSubmitForm(this.form, 'tipoSolicitudDropDown');"
                            style="font-size: 10px; left: 192px; top: 216px; position: absolute" valueChangeListener="#{crearDisenoReporte.tipoSolicitudDropDown_processValueChange}"/>
                        <ui:label binding="#{crearDisenoReporte.productoLabel}" for="productoDropDown" id="productoLabel"
                            style="left: 120px; top: 168px; position: absolute" text="Producto"/>
                        <ui:label binding="#{crearDisenoReporte.sublineaLabel}" id="sublineaLabel" style="left: 120px; top: 192px; position: absolute" text="Sublinea"/>
                        <ui:label binding="#{crearDisenoReporte.label1}" id="label1" style="left: 96px; top: 216px; position: absolute" text="Tipo solicitud"/>
                        <ui:label binding="#{crearDisenoReporte.tituloDelReporteLabel}" for="tituloDelReporteTextField" id="tituloDelReporteLabel"
                            requiredIndicator="true" style="left: 96px; top: 264px; position: absolute" text="Titulo del reporte"/>
                        <ui:textField binding="#{crearDisenoReporte.tituloDelReporteTextField}" id="tituloDelReporteTextField" maxLength="50" style="left: 216px; top: 264px; position: absolute; width: 240px"/>
                        <ui:staticText binding="#{crearDisenoReporte.maximo50CarStaticText}" id="maximo50CarStaticText"
                            style="font-size: 10px; left: 96px; top: 288px; position: absolute" text="Maximo 50 caracteres"/>
                        <ui:button action="#{crearDisenoReporte.botonGuardarDiseno_action}" binding="#{crearDisenoReporte.botonGuardarDiseno}"
                            id="botonGuardarDiseno" mini="true" primary="true" style="left: 479px; top: 264px; position: absolute; width: 143px" text="Guardar diseño de reporte"/>
                        <ui:hiddenField binding="#{crearDisenoReporte.contadorComponentesHD}" id="contadorComponentesHD"/>
                        <ui:label binding="#{crearDisenoReporte.permisoLabel}" id="permisoLabel" style="left: 120px; top: 240px; position: absolute" text="Permiso"/>
                        <ui:dropDown binding="#{crearDisenoReporte.permisoDropDown}" id="permisoDropDown"
                            items="#{crearDisenoReporte.permisoDropDownDefaultOptions.options}" style="font-size: 10px; left: 192px; top: 240px; position: absolute"/>
                        <ui:label binding="#{crearDisenoReporte.tipoReporteLabel}" id="tipoReporteLabel" style="left: 288px; top: 240px; position: absolute" text="Destinado"/>
                        <ui:dropDown binding="#{crearDisenoReporte.tipoReporteDropDown}" id="tipoReporteDropDown"
                            items="#{crearDisenoReporte.tipoReporteDropDownDefaultOptions.options}" style="font-size: 10px; left: 360px; top: 240px; position: absolute"/>
                        <div style="position: absolute; left: 0px; top: 0px">
                            <jsp:include page="encab1.jspf"/>
                        </div>
                        <h:panelGrid binding="#{crearDisenoReporte.gridPanelInfGrande}" columns="1" id="gridPanelInfGrande" style="height: 96px; left: 96px; top: 336px; position: absolute; width: 96px">
                            <ui:alert binding="#{crearDisenoReporte.alert1}" id="alert1" style=""/>
                            <h:panelGrid binding="#{crearDisenoReporte.gridPanelSubInferior}" columnClasses="LstAln" columns="2" id="gridPanelSubInferior">
                                <ui:table augmentTitle="false" binding="#{crearDisenoReporte.table1}" clearSortButton="true" id="table1" lite="true"
                                    paginateButton="true" paginationControls="true" style="width: 341px" title="Variables" width="400">
                                    <script><![CDATA[
                            /* ----- Functions for Table Preferences Panel ----- */
                            /*
                            * Toggle the table preferences panel open or closed
                            */
                            function togglePreferencesPanel() {
                            var table = document.getElementById("form1:table1");
                            table.toggleTblePreferencesPanel();
                            }
                            /* ----- Functions for Filter Panel ----- */
                            /*
                            * Return true if the filter menu has actually changed,
                            * so the corresponding event should be allowed to continue.
                            */
                            function filterMenuChanged() {
                            var table = document.getElementById("form1:table1");
                            return table.filterMenuChanged();
                            }
                            /*
                            * Toggle the custom filter panel (if any) open or closed.
                            */
                            function toggleFilterPanel() {
                            var table = document.getElementById("form1:table1");
                            return table.toggleTableFilterPanel();
                            }
                            /* ----- Functions for Table Actions ----- */
                            /*
                            * Initialize all rows of the table when the state
                            * of selected rows changes.
                            */
                            function initAllRows() {
                            var table = document.getElementById("form1:table1");
                            table.initAllRows();
                            }
                            /*
                            * Set the selected state for the given row groups
                            * displayed in the table.  This functionality requires
                            * the 'selectId' of the tableColumn to be set.
                            *
                            * @param rowGroupId HTML element id of the tableRowGroup component
                            * @param selected Flag indicating whether components should be selected
                            */
                            function selectGroupRows(rowGroupId, selected) {
                            var table = document.getElementById("form1:table1");
                            table.selectGroupRows(rowGroupId, selected);
                            }
                            /*
                            * Disable all table actions if no rows have been selected.
                            */
                            function disableActions() {
                            // Determine whether any rows are currently selected
                            var table = document.getElementById("form1:table1");
                            var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
                            // Set disabled state for top actions
                            document.getElementById("form1:table1:tableActionsTop:deleteTop").setDisabled(disabled);
                            // Set disabled state for bottom actions
                            document.getElementById("form1:table1:tableActionsBottom:deleteBottom").setDisabled(disabled);
                            }]]></script>
                                    <ui:tableRowGroup binding="#{crearDisenoReporte.tableRowGroup1}" id="tableRowGroup1"
                                        sourceData="#{crearDisenoReporte.sct0001DataProviderParaCrearDisenoReporte}" sourceVar="currentRow">
                                        <ui:tableColumn binding="#{crearDisenoReporte.tableColumn2}" headerText="Codigo" id="tableColumn2"
                                            sort="SCT0001.CDGOVRBLE" width="352">
                                            <ui:staticText binding="#{crearDisenoReporte.staticText1}" id="staticText1" style="font-size: 10px" text="#{currentRow.value['SCT0001.CDGOVRBLE']}"/>
                                        </ui:tableColumn>
                                        <ui:tableColumn binding="#{crearDisenoReporte.tableColumn1}" headerText="Nombre" id="tableColumn1" sort="NMBREVRBLE" width="250">
                                            <ui:hyperlink action="#{crearDisenoReporte.hyperlink1_action}" binding="#{crearDisenoReporte.hyperlink1}"
                                                id="hyperlink1" style="font-size: 10px" text="#{currentRow.value['NMBREVRBLE']}"/>
                                        </ui:tableColumn>
                                        <ui:tableColumn binding="#{crearDisenoReporte.tableColumn5}" headerText="Tipo" id="tableColumn5" width="70">
                                            <ui:staticText binding="#{crearDisenoReporte.staticText5}" id="staticText5" style="font-size: 10px" text="#{crearDisenoReporte.clasesDeTipoDato}"/>
                                        </ui:tableColumn>
                                        <ui:tableColumn align="center" binding="#{crearDisenoReporte.tableColumn7}" id="tableColumn7" valign="middle" width="20">
                                            <ui:button action="#{crearDisenoReporte.botonSeleccionar_action}" binding="#{crearDisenoReporte.botonSeleccionar}"
                                                id="botonSeleccionar" imageURL="/resources/submit.gif" mini="true" primary="true" text="Seleccionar"/>
                                        </ui:tableColumn>
                                    </ui:tableRowGroup>
                                    <!-- Actions (Top) -->
                                    <f:facet name="actionsTop">
                                        <ui:dropDown binding="#{crearDisenoReporte.areaSolicitudDropDown}" id="areaSolicitudDropDown"
                                            items="#{crearDisenoReporte.sct0020DataProviderParaCrearDisenoReporte.options['CDGOAREASLCTUD,DSCRPCIONAREASLCTUD']}"
                                            label="Area" onChange="common_timeoutSubmitForm(this.form, 'table1:areaSolicitudDropDown');" style="width: 200px" valueChangeListener="#{crearDisenoReporte.areaSolicitudDropDown_processValueChange}"/>
                                    </f:facet>
                                </ui:table>
                                <h:panelGrid binding="#{crearDisenoReporte.gridPanelMostrarCamposGrande}" frame="box" id="gridPanelMostrarCamposGrande" rules="all">
                                    <h:panelGrid binding="#{crearDisenoReporte.gridPanelTituloCampoMostrar}" columns="2" frame="box"
                                        id="gridPanelTituloCampoMostrar" style="width:100%" styleClass="MniTabDiv">
                                        <ui:label binding="#{crearDisenoReporte.camposParaMostrarLabel}" id="camposParaMostrarLabel" text="Campos para mostrar"/>
                                        <ui:button action="#{crearDisenoReporte.botonLimpiarDiseno_action}" binding="#{crearDisenoReporte.botonLimpiarDiseno}"
                                            id="botonLimpiarDiseno" mini="true" primary="true" style="width: 95px" text="Limpiar diseño"/>
                                    </h:panelGrid>
                                    <h:panelGrid binding="#{crearDisenoReporte.camposParaMostrarPanelGrid}" border="1" columns="5" frame="border"
                                        id="camposParaMostrarPanelGrid" rules="all" style="height: 24px" title="Campos para mostrar" width="336"/>
                                </h:panelGrid>
                            </h:panelGrid>
                        </h:panelGrid>
                        <ui:label binding="#{crearDisenoReporte.label2}" id="label2" style="left: 120px; top: 312px; position: absolute" text="Titulo "/>
                        <ui:textField binding="#{crearDisenoReporte.tituloTextField}" id="tituloTextField" style="left: 168px; top: 312px; position: absolute"/>
                        <ui:button action="#{crearDisenoReporte.insertarTituloButton_action}" binding="#{crearDisenoReporte.insertarTituloButton}"
                            id="insertarTituloButton" mini="true" primary="true" style="left: 407px; top: 312px; position: absolute" text="Insertar titulo"/>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>
